@CHARSET "UTF-8";


/*=== 字体 ===*/
@font-face {
    
    font-family: "SourceSans";
    src: url("../../fonts/SourceSansPro-Regular.eot");
    src: url("../../fonts/SourceSansPro-Regular.eot") format("embedded-opentype"),
         url("../../fonts/SourceSansPro-Regular.woff2") format("woff2"),
         url("../../fonts/SourceSansPro-Regular.woff") format("woff"),
         url("../../fonts/SourceSansPro-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    
}

@font-face {
    
    font-family: "SourceCode";
    src: url("../../fonts/SourceCodePro-Regular.eot");
    src: url("../../fonts/SourceCodePro-Regular.eot") format("embedded-opentype"),
         url("../../fonts/SourceCodePro-Regular.woff2") format("woff2"),
         url("../../fonts/SourceCodePro-Regular.woff") format("woff"),
         url("../../fonts/SourceCodePro-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    
}

@font-face {
    
    font-family: "FuturaBook";
    src: url("../../fonts/FuturaBook.eot");
    src: url("../../fonts/FuturaBook.eot") format("embedded-opentype"),
         url("../../fonts/FuturaBook.woff2") format("woff2"),
         url("../../fonts/FuturaBook.woff") format("woff"),
         url("../../fonts/FuturaBook.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    
}

/*=== 动画 ===*/
@keyframes rotate-360 {
    
    0% { 
        
        -webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        -o-transform:rotate(0deg);  
        transform:rotate(0deg);
    
    }
    
    100% { 
        
        -webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        -o-transform:rotate(360deg);  
        transform:rotate(360deg);
    
    }
    
}

/*== HTML ==*/
* { backface-visibility:hidden;
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden; }
html,body { -ms-overflow-style: scrollbar; font-size: 625%; }

/*== 格式化 ==*/
body, button, input, select, textarea, h1 ,h2, h3, h4, h5, h6 { color: #333; font: 0.16rem/0.24rem "FuturaBook", "SourceSans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", SimSun, sans-serif; outline: none; }
div { box-sizing: border-box; }
ul, li, p { margin: 0; padding: 0; }
li { list-style: none; }
a, a:after, a:before { color: #333; cursor: pointer;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
a:focus, a:hover { color: #FF4343; text-decoration: none; outline: none; }

/*=== 通用 ===*/
.tm-transition { 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
.tm-box { padding: 0 0.08rem; }
.tm-first-box { padding-top: 0.8rem; }
.tm-no-padding { padding: 0 !important; }
.tm-display-none { display: none !important; }

/*=== 媒体查询 ===*/
/*手机*/
@media ( min-width : 3.2rem) { 
    
}

@media ( min-width : 3.6rem) { 
    
} 

/*平板电脑*/
@media ( min-width : 7.68rem) { 
    
} 

/*笔记本电脑*/
@media ( min-width : 9.92rem) {   
    
} 

/*PC电脑*/
@media ( min-width : 12rem) {
    
}

/*大屏PC电脑*/
@media ( min-width : 1600px) { 
    
}

/*=== Uikit ===*/
.uk-grid { margin-left: 0; }
.uk-grid > * { padding-left: 0; }
.uk-grid + .uk-grid { margin-top: 0; }
.uk-container { padding: 0; }
[class*="uk-align-"] { margin-bottom: 0; }
* + .uk-grid-margin, .uk-grid + .uk-grid, .uk-grid > .uk-grid-margin { margin-top: 0; }

.uk-tooltip { margin-top: -0.02rem; padding: 0.02rem 0.08rem; max-width: 83.5%; background: #0EB83A; font-size: 0.14rem; color: #FFF; }

.uk-table { margin-bottom: 0; border-collapse: separate; 
    backface-visibility: visible;
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    -ms-backface-visibility: visible; }
.uk-table th { text-align: center; font-size: 0.14rem; color: #FF4343; }
.uk-table tfoot { font-size: 0.14rem; }
.uk-table-divider > :first-child > tr:not(:first-child), 
.uk-table-divider > :not(:first-child) > tr > td, 
.uk-table-divider > tr:not(:first-child) > td { border-top: 0.01rem dashed #EEE; }

/*=== 顶部 ===*/
.tm-top { padding: 0 0.16rem; height: 0.8rem; background: #288ce2; font-size: 0.14rem; color: #FFF; overflow: hidden; }
.tm-top a,
.tm-left a { color: #DDD; }
.tm-top a:hover { color: #FFF; }
.tm-top li { float: left; }
.tm-top li + li { margin-left: 0.16rem; }
.tm-top .logo { line-height: 0.8rem; font-size: 0.24rem; }
.tm-top .site-menu { padding-top: 0.08rem; line-height: 0.32rem; }
.tm-top .site-menu .welcome .lang a { margin-top: 0.04rem; margin-left: 0.08rem; padding: 0 0.16rem; background: rgba(255,255,255,0.1); line-height: 0.24rem; color: #FFF; }
.tm-top .site-menu .welcome .lang a.on,
.tm-top .site-menu .welcome .lang a:hover { background: #FF4343; color: #FFF; }
.tm-top .site-menu .menu li { margin-top: 0.08rem; background: rgba(255,255,255,0.1); border: 0.01rem solid rgba(255,255,255,0.1);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
.tm-top .site-menu .menu li a { display: block; padding: 0 0.16rem; color: #FFF; }
.tm-top .site-menu .menu li:hover,
.tm-top .site-menu .menu li.thisclass { background: #FF4343; }
.tm-top .site-menu .menu li:hover a { color: #FFF; }

/*=== 边栏 ===*/
.tm-left { position: relative; padding-top: 0.08rem; }
.tm-left:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 0.01rem; box-shadow: 0 0 0.04rem rgba(0,0,0,0.5); }
.tm-left .menu .title a { display: block; padding: 0 0.16rem; background: rgba(0,0,0,0.3); border-bottom: 0.01rem solid rgba(0,0,0,0.2); line-height: 0.4rem; }
.tm-left .menu .title a:hover { color: #FFF; }
.tm-left .menu .title a i { position: relative; top: -0.01rem; }
.tm-left .menu .menu-list li a { display: block; padding: 0.1rem 0.16rem; line-height: 0.21rem; font-size: 0.14rem; }
.tm-left .menu .menu-list li + li a { border-top: 0.01rem solid rgba(0,0,0,0.2); }
.tm-left .menu .menu-list li.on a,
.tm-left .menu .menu-list li:hover a { background: #FF4343; color: #FFF; }
.tm-left .menu .menu-list li a i { position: relative; top: -0.01rem; margin-right: 0.04rem; }
.tm-left .menu .menu-list li a i svg { width: 0.16rem; height: 0.16rem; }
.tm-left .menu .menu-list li.on a i svg,
.tm-left .menu .menu-list li:hover a i svg { animation: rotate-360 2s linear infinite; color: #FFF; }

/*=== 主体 ===*/
.tm-right { position: relative; padding: 0.24rem; font-size: 0.14rem; }
.tm-right:before { content: ""; display: block; position: fixed; left: 0; top: -0.01rem; width: 100%; height: 0.01rem; background: #288ce2; box-shadow: 0 0 0.04rem rgba(0,0,0,0.7); }
.tm-right .main .section + .section { margin-top: 0.32rem; }
.tm-right .main .section .title { position: relative; padding: 0.08rem 0.16rem; background: #F3F3F3; border-left: 0.02rem solid #FF4343; letter-spacing: 0.01rem; font-size: 0.16rem; }
.tm-right .main .section .content { padding: 0.16rem; box-shadow: 0 0.04rem 0.04rem rgba(0,0,0,0.03); 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
.tm-right .main .section .content:hover { box-shadow: 0 0.06rem 0.06rem rgba(0,0,0,0.05); }
.tm-right .main .section .content li + li { margin-left: 0.16rem; }

/*网站统计*/
.tm-right .main .section.count .content .number,
.tm-right .main .section.pending .content .number { margin: auto 0.02rem; color: #FF4343; }
.tm-right .main .section.count .content li,
.tm-right .main .section.pending .content li,
.tm-right .main .section.home .content li { position: relative; }
.tm-right .main .section.count .content li + li,
.tm-right .main .section.pending .content li + li,
.tm-right .main .section.home .content li + li { margin-left: 0.32rem; }
.tm-right .main .section.count .content li + li:before,
.tm-right .main .section.pending .content li + li:before,
.tm-right .main .section.home .content li + li:before { content: ""; display: block; position: absolute; left: -0.16rem; top: 0.06rem; width: 0.01rem; height: 0.12rem; background: #999; }

/*快捷功能*/
.tm-right .main .section.shortcut .content .box { padding: 0.08rem 0; }
.tm-right .main .section.shortcut .content .icon i svg { margin-bottom: 0.08rem; width: 0.32rem; height: 0.32rem; }

/*系统信息*/
.tm-right .main .section.system .content .list > div,
.tm-right .main .section.team .content .list > div,
.tm-right .main .section.home .content .list > div { padding: 0.04rem 0; line-height: 0.32rem; border-bottom: 0.01rem solid rgba(0,0,0,0.05); }
.tm-right .main .section.system .content .list:first-child,
.tm-right .main .section.team .content .list:first-child,
.tm-right .main .section.home .content .list:first-child { border-top: 0.01rem solid rgba(0,0,0,0.05); }
.tm-right .main .section.system .content .list a,
.tm-right .main .section.team .content .list a,
.tm-right .main .section.home .content .list a { border-bottom: 0.01rem dashed #999; }
.tm-right .main .section.system .content .list a:hover,
.tm-right .main .section.team .content .list a:hover,
.tm-right .main .section.home .content .list a:hover { border-bottom-color: #FF4343; }
.tm-right .main .section.system .content .list .left,
.tm-right .main .section.team .content .list .left,
.tm-right .main .section.home .content .list .left { padding-right: 0.16rem; text-align: right; }
.tm-right .main .section.system .content .list .right,
.tm-right .main .section.team .content .list .right,
.tm-right .main .section.home .content .list .right { padding-left: 0.16rem; border-left: 0.01rem solid rgba(0,0,0,0.05); }
.tm-right .main .section.system .content .list .right .box .download { margin-left: 0.16rem; }
.tm-right .main .section.system .content .list .right .box i { position: relative; top: -0.02rem; }
.tm-right .main .section.system .content .list .right .box i.check { color: #0EB83A; }
.tm-right .main .section.system .content .list .right .box i.close { color: #FF4343; }

/*后台导航*/
.tm-right .main .section.home .content .list .right .box ul { position: relative; padding-left: 0.64rem; }
.tm-right .main .section.home .content .list .right .box .subject { position: absolute; left: 0; top: 0; width: 0.72rem; }
.tm-right .main .section.home .content .list .right .box .subject a { border-bottom: none; color: #FF4343; }
.tm-right .main .section.home .content .list .right .box .subject a:hover { border-bottom: 0.01rem dashed #FF4343; }
.tm-right .main .section.home .content li + li:before { top: 0.1rem; left: calc(100% + 0.16rem); }

/*网站信息设置*/
.tm-right .main .section .layout + .layout { margin-top: 0.32rem; }
.tm-right .main .section.setting-company .content .group { margin: auto -0.32rem 0.16rem -0.32rem; }
.tm-right .main .section.setting-company .content .group .list { padding: 0 0.32rem; }
.tm-right .main .section.setting-company .content .group .list .subject { top: -0.04rem; left: 0.32rem; }
.tm-right .main .section.setting-company .content .group .table-select.list .subject { left: 0; }
.tm-right .main .section.setting-company .content .group .list.have .subject { top: -0.26rem; }

.tm-right .main .section.setting-company .content .list { position: relative; padding: 0.08rem 0; line-height: 0.24rem; }
.tm-right .main .section.setting-company .content .list.have { margin-top: 0.24rem; }
.tm-right .main .section.setting-company .content .list.editor.have { margin-top: 0; }
.tm-right .main .section.user .power .content .list + .list { border-top: 0.01rem dashed #DDD; }
.tm-right .main .section.user .power .content .list .power-group span { font-weight: 700; }
.tm-right .main .section.setting-company .content .list .subject { position: absolute; left: 0; top: 0.04rem; padding: 0.04rem 0; letter-spacing: 0.01rem; color: #999; pointer-events: none; z-index: 2; }
.tm-right .main .section.setting-company .content .editor.list .subject { position: relative; margin-bottom: 0.08rem; color: #FF4343; pointer-events: auto; }
.tm-right .main .section.setting-company .content .list.picture-upload .subject { padding: 0; }
.tm-right .main .section.setting-company .content .list.picture-upload .subject a { position: relative;  margin-left: 0.04rem; border-bottom: 0.01rem dashed #333; pointer-events: auto; }
.tm-right .main .section.setting-company .content .list.picture-upload .subject a:hover { border-bottom-color: #0EB83A; color: #0EB83A; }
.tm-right .main .section.setting-company .content .editor.list .subject a { margin-left: 0.08rem; letter-spacing: 0; }
.tm-right .main .section.setting-company .content .editor.list .subject a:hover { color: #0EB83A; }
.tm-right .main .section.setting-company .content .list.textarea .subject { left: 0.08rem; top: 0.12rem; }
.tm-right .main .section.setting-company .content .list.have .subject { top: -0.22rem; color: #FF4343; }
.tm-right .main .section.setting-company .content .list.textarea.have .subject { left: 0; }
.tm-right .main .section.setting-company .content .list.editor.have .subject { top: 0; }
.tm-right .main .section.setting-company .content .list .subject i { position: absolute; top: 0.08rem; margin-left: 0.04rem; color: #0EB83A; pointer-events: auto; cursor: help; }
.tm-right .main .section.user .content .list .subject i { top: 0.04rem; }
.tm-right .main .section.setting-company .content .list .subject i svg { width: 0.16remm; height: 0.16rem; }
.tm-right .main .section.setting-company .content .list .input { position: relative; border-bottom: 0.02rem solid rgba(0,0,0,0.05); }
.tm-right .main .section.setting-company .content .list .input:after { content: ""; display: block; position: absolute; left: 0; bottom: -0.02rem; width: 100%; height: 0.02rem; background: #FF4343; 
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0); 

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
.tm-right .main .section.setting-company .content .list .input.on:after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1); }
.tm-right .main .section.setting-company .content .list input { width: 100%; border: none; font-size: 0.14rem; }
.tm-right .main .section.setting-company .content .list textarea { box-sizing: border-box; padding: 0.08rem; width: 100%; background: #F8F8F8; border: none; font-size: 0.14rem; resize: none; }
.tm-right .main .section.setting-company .content .list.submit .input + .input { margin-left: 0.32rem; }
.tm-right .main .section.setting-company .content .list.submit .input input { padding: 0.04rem 0.16rem; letter-spacing: 0.02rem; cursor: pointer;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
.tm-right .main .section.setting-company .content .list.submit .input input[type="submit"] { background: #FF4343; color: #FFF; }
.tm-right .main .section.setting-company .content .list.submit .input input[disabled] { background: #EEE; }
.tm-right .main .section.setting-company .content .list.submit .input:hover input { background: #0EB83A; border-color: #EEE; color: #FFF; }
.tm-right .main .section.setting-company .content .list.upload { padding-top: 0.24rem; }
.tm-right .main .section.setting-company .content .list.upload .subject { color: #FF4343; }
.tm-right .main .section.setting-company .content .list.upload .input { border: none; }
.tm-right .main .section.setting-company .content .list.radio .subject,
.tm-right .main .section.setting-company .content .list.checkbox .subject { position: relative; color: #FF4343; }
.tm-right .main .section.setting-company .content .list.radio .input:after,
.tm-right .main .section.setting-company .content .list.checkbox .input:after { position: relative; }
.tm-right .main .section.setting-company .content .list.water-upload { margin: 0.08rem auto 0 auto; }
.tm-right .main .section.setting-company .content .list .full-image { margin-top: 0.08rem; height: 2rem; }

/*数据列表*/
.tm-right .main .section.setting-company .content .operation { padding-bottom: 0.16rem; border-bottom: 0.01rem dashed #EEE; }
.tm-right .main .section.setting-company .content .operation a { padding: 0 0.08rem; }
.tm-right .main .section.setting-company .content .operation li.on input[type="button"] { border-color: #FF4343; color: #FF4343; }
.tm-right .main .section.setting-company .content .operation .catalog .subject { color: #FF4343; }
.tm-right .main .section.setting-company .content .operation .catalog .text { border-bottom: 0.01rem dashed #CCC; }
.tm-right .main .section.setting-company .content .operation .search input[type="text"],
.tm-right .main .section.setting-company .content .operation .date input[type="text"] { padding: 0 0.04rem; height: 0.24rem; border: none; border-bottom: 0.01rem solid #EEE; line-height: 0.24rem; font-size: 0.14rem; color: #FF4343; overflow: hidden; 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
.tm-right .main .section.setting-company .content .operation .date input[type="text"] { width: 1.4rem; }
.tm-right .main .section.setting-company .content .operation .search input[type="text"]:hover,
.tm-right .main .section.setting-company .content .operation .search input[type="text"]:focus { border-bottom-color: #FF4343; }
.tm-right .main .section.setting-company .content input[type="button"],
.tm-right .main .section.setting-company .content input[type="submit"],
.tm-right .main .section.setting-company .content .operation a { display: block; padding: 0 0.08rem; background: none; border: 0.01rem solid #EEE; font-size: 0.14rem; color: #666; cursor: pointer; 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
.tm-right .main .section.setting-company .content input[type="button"].useing,
.tm-right .main .section.setting-company .content input[type="button"].useing:hover { border-color: #0EB834; color: #0EB834; }
.tm-right .main .section.setting-company .content input[type="button"]:hover,
.tm-right .main .section.setting-company .content input[type="submit"]:hover,
.tm-right .main .section.setting-company .content .table table td.control ul li a:hover,
.tm-right .main .section.setting-company .content .operation a:hover { border-color: #FF4343; color: #FF4343; }
.tm-right .main .section.setting-company .content .table table { width: 100%; }
.tm-right .main .section.setting-company .content .table table tr:hover { background: #F9F9F9; }
.tm-right .main .section.setting-company .content .table table th.son0,
.tm-right .main .section.setting-company .content .table table tr.son0 > td { border-top: 0.02rem solid #EEE; }
.tm-right .main .section.setting-company .content .table table th,
.tm-right .main .section.setting-company .content .table table td { padding: 0.08rem 0.04rem; line-height: 0.24rem; vertical-align: middle; }
.tm-right .main .section.setting-company .content .table table th.column { padding-left: 0.64rem; }
.tm-right .main .section.setting-company .content .table table td.column { padding-left: 0.48rem; text-align: left; }
.tm-right .main .section.setting-company .content .table table td i { position: relative; }
.tm-right .main .section.setting-company .content .table table td i.state-check { color: #0EB83A; }
.tm-right .main .section.setting-company .content .table table td i.state-close { color: #FF4343; }
.tm-right .main .section.setting-company .content .table table td i.state svg,
.tm-right .main .section.setting-company .content .table table td i.chevron-right svg,
.tm-right .main .section.setting-company .content .table table td i.file svg { width: 0.16rem; height: 0.16rem; }
.tm-right .main .section.setting-company .content .table table td i.chevron-right + i.chevron-right { margin-left: -0.08rem; }
.tm-right .main .section.setting-company .content .table table td i.file { position: relative; margin-left: 0.04rem; }

.tm-right .main .section.setting-company .content .table table td.edit input[type="text"] { box-sizing: border-box; padding: 0 0.08rem; border: none; font-size: 0.14rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
.tm-right .main .section.setting-company .content .table table td.edit input[type="text"]:focus { background: #288ce2; color: #FFF; }
.tm-right .main .section.setting-company .content .table table td.no-data a { margin-left: 0.08rem; color: #0EB83A; } 
.tm-right .main .section.setting-company .content .table table td.no-data a:hover { color: #FF4343; }
.tm-right .main .section.setting-company .content .table table td.no-data .keyword { margin: auto 0.08rem; color: #FF4343; }
.tm-right .main .section.setting-company .content .table table td.order-control { padding-top: 0.18rem; }
.tm-right .main .section.setting-company .content .table table td.control ul { display: inline; }
.tm-right .main .section.setting-company .content .table table td.control ul li a { display: block; padding: 0 0.08rem; height: 0.24rem; background: none; border: 0.01rem solid #EEE; line-height: 0.24rem; color: #666; }
.tm-right .main .section.setting-company .content .table table td .control-icon { display: inline-block; margin-right: 0.08rem; margin-top: 0.06rem; width: 0.16rem; height: 0.16rem; background: #FF4343; line-height: 0.16rem; text-align: center; color: #FFF; cursor: pointer; }
.tm-right .main .section.setting-company .content .table table td.content-link a:hover { color: #FF4343 !important; }
.tm-right .main .section.setting-company .content .table table td.content-link span { margin-left: 0.04rem; }
.tm-right .main .section.setting-company .content .table table td.content-link span i { margin: auto 0.02rem; font-style: normal; color: #FF4343; }
.tm-right .main .section.setting-company .content .table table tfoot .tips { color: #FF4343; }
.tm-right .main .section.setting-company .content .table .table-foot { padding-top: 0.16rem; border-top: 0.01rem dashed #EEE; }
.tm-right .main .section.setting-company .content .table .table-foot .input-list { margin-top: 0.04rem; margin-left: 0.16rem; line-height: 0.32rem; }
.tm-right .main .section.setting-company .content .table .table-foot .input-list .input-select span { line-height: 0.24rem; }
.tm-right .main .section.setting-company .content .table .page-nav > td { padding: 0.12rem 0; background: #F9F9F9; border: none; }
.tm-right .main .section.setting-company .content .table .page-nav ul + ul { margin-left: 0.32rem; }
.tm-right .main .section.setting-company .content .table .page-nav ul li + li { margin-left: 0.04rem; }
.tm-right .main .section.setting-company .content .table .page-nav .page-count li + li { margin-left: 0.16rem; }
.tm-right .main .section.setting-company .content .table .page-nav a,
.tm-right .main .section.setting-company .content .table .page-nav span { display: block; padding: 0 0.1rem; background: none; border: 0.01rem solid #DDD; color: #666; }
.tm-right .main .section.setting-company .content .table .page-nav a:hover,
.tm-right .main .section.setting-company .content .table .page-nav .current a,
.tm-right .main .section.setting-company .content .table .page-nav .current span { border-color: #FF4343; color: #FF4343; }
.tm-right .main .section.setting-company .content .table .remarks { margin-left: 0.04rem; color: #0EB83A; }

/*=== 表单组件 ===*/
/*图片上传*/
.tm-upload .file { margin-top: 0.04rem; }
.tm-upload .file input[type="text"] { padding: 0.04rem 0.08rem; min-width: 3.2rem; background: #FEFEFE; border: 0.01rem solid rgba(0,0,0,0.05); font-size: 0.14rem; color: #999;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
.tm-upload .file input[type="text"].uk-hover { border: 0.01rem solid #FF4343; color: #FF4343; }
.tm-upload .file button { position: relative; top: 0.01rem; background: #FF4343; border: 0.01rem solid #FF4343; line-height: 0.32rem; font-size: 0.14rem; color: #FFF; cursor: pointer; }
.tm-upload .file button:hover { background: #0EB83A; border-color: #0EB83A; }

/*选择框*/
.tm-right .main .section.setting-company .content .input label { line-height: 0.32rem; font-size: 0.14rem; cursor: pointer; }
.tm-right .main .section.setting-company .content .input label + label { margin-left: 0.16rem; }
.tm-right .main .section.setting-company .content .input label .check { position: relative; top: 0.1rem; margin-right: 0.04rem; width: 0.10rem; height: 0.10rem; border: 0.01rem solid rgba(0,0,0,0.5); }
.tm-right .main .section.setting-company .content .table .input .label-box { display: inline-block; padding-top: 0.08rem; }
.tm-right .main .section.setting-company .content .table .input label .check.check-select { top: 0; }
.tm-right .main .section.setting-company .content .input label .check .icon { position: absolute; top: 50%; left: 50%; margin-top: -0.12rem; margin-left: -0.08rem; width: 0; height: 0.2rem; overflow: hidden; }
.tm-right .main .section.setting-company .content .input label.on { color: #FF4343; }
.tm-right .main .section.setting-company .content .input label.on .check { border-color: #FF4343; }
.tm-right .main .section.setting-company .content .input label.on .check .icon { width: 0.2rem; }
.tm-right .main .section.setting-company .content .input label input[type="checkbox"],
.tm-right .main .section.setting-company .content .input label input[type="radio"] { display: none; visibility: hidden; }

/*Select*/
.tm-right .main .fancy-select { float: left; margin-left: 0.04rem; text-transform: none; font-size: 0.14rem; font-weight: 400; }
.tm-right .main .fancy-select .trigger { padding: 0; padding-left: 0.08rem; min-width: 1.8rem; width: auto; background: none; box-shadow: none; border: 0.01rem solid #EEE; border-radius: 0; line-height: 0.24rem; text-align: left; color: #666; }
.tm-right .main .fancy-select .trigger::after { right: 0.08rem; top: 50%; margin-top: -0.03rem; border: 0.06rem solid transparent; border-top-color: #AAA; }
.tm-right .main .fancy-select ul.options { top: auto; bottom: 0.28rem; max-width: 1.8rem; min-width: 1.8rem; max-height: 1.65rem; background: #FFF; border: none; border-radius: 0; color: #666; z-index: 9999; }
.tm-right .main .fancy-select ul.options.overflowing.open { bottom: 0.28rem; }
.tm-right .main .fancy-select ul.options li { padding: 0 0.08rem; text-align: left; color: #666; }
.tm-right .main .fancy-select ul.options li + li { margin-left: 0; border-top: 0.01rem solid #EEE; }
.tm-right .main .fancy-select ul.options li.hover,
.tm-right .main .fancy-select ul.options li.selected { background: none; color: #FF4343; }
.tm-right .main .transverse-select .fancy-select { margin-top: 0.04rem; margin-left: 0; margin-right: 0.16rem; }
.tm-right .main .transverse-select .fancy-select ul.options,
.tm-right .main .table-select .fancy-select ul.options { bottom: auto; }
.tm-right .main .table-select .fancy-select { margin: 0; line-height: 0.32rem; }
.tm-right .main .input-select .fancy-select { line-height: 0.32rem; }
.tm-right .main table .select { width: 1.8rem; }

/*图片列表*/
.tm-right .main .section.setting-company .content .picture-list .picture-box { margin: auto -0.08rem; }
.tm-right .main .section.setting-company .content .picture-list .image-box { padding: 0.08rem; }
.tm-right .main .section.setting-company .content .picture-list .image-box .box { padding: 0.16rem; width: 100%; height: 100%; box-shadow: 0 0 0.04rem rgba(0,0,0,0.1);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
.tm-right .main .section.setting-company .content .picture-list .image-box .box:hover { box-shadow: 0 0 0.08rem rgba(0,0,0,0.2); }
.tm-right .main .section.setting-company .content .picture-list .image-box .box > a { display: block; width: 100%; height: 1.6rem; }
.tm-right .main .section.setting-company .content .picture-list .image-box .box > a img { width: auto !important; height: 1.6rem; }
.tm-right .main .section.setting-company .content .picture-list .image-box .box .images-control { margin-top: 0.08rem; }
.tm-right .main .section.setting-company .content .picture-list .image-box .box .images-control .images-input input[type="radio"] { position: relative; top: 0.02rem; margin-right: 0.04rem; width: auto; }

/*模板*/
.tm-right .main .section.setting-company .content .template { margin: auto -0.16rem; }
.tm-right .main .section.setting-company .content .template .unit { padding: 0.16rem; }
.tm-right .main .section.setting-company .content .template .unit .box { padding: 0.16rem; height: 100%; box-shadow: 0 0 0.04rem rgba(0,0,0,0.1); }
.tm-right .main .section.setting-company .content .template .unit .box:hover { box-shadow: 0 0 0.08rem rgba(0,0,0,0.2); }
.tm-right .main .section.setting-company .content .template .unit .box .picture { height: 1.76rem; overflow: hidden; }
.tm-right .main .section.setting-company .content .template .unit .box .button-use input { width: 100%; background: #288ce2; border: none; line-height: 0.36rem; color: #FFF; }
.tm-right .main .section.setting-company .content .template .unit .box:hover .button-use input { background: #FF4343; }
.tm-right .main .section.setting-company .content .template .unit .box .button-use input.on { background: #0EB83A; }
.tm-right .main .section.setting-company .content .template .unit .box .subject { margin: 0.08rem auto; color: #FF4343; }
.tm-right .main .section.setting-company .content .template .unit .box .summary { max-height: 0.48rem; overflow: hidden; }
.tm-right .main .section.setting-company .content .template-edit { min-height: 4rem; }

/*HTML生成*/
.tm-right .main .make-html .fancy-select { margin-left: 0; }
.tm-right .main .make-html .tips i { position: relative; top: -0.02rem; margin-right: 0.04rem; color: #0EB83A; }
.tm-right .main .make-html .tips i svg { width: 0.16rem; height: 0.16rem; }
.tm-right .main .make-html .list .right .box > div + div { margin-left: 0.16rem; }
.tm-right .main .make-html .date-picker input[type="text"] { padding: 0; min-width: 2.4rem; border: none; border-bottom: 0.01rem dashed #EEE; font-size: 0.14rem; color: #FF4343; 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
.tm-right .main .make-html .date-picker input[type="text"]:hover,
.tm-right .main .make-html .date-picker input[type="text"]:focus { border-bottom-color: #FF4343; }
.tm-right .main .make-html .button { position: relative; top: 0.04rem; }
.tm-right .main .make-html .button input[type="submit"],
.tm-right .main .html-result input[type="button"] { display: block; padding: 0 0.08rem; background: none; border: 0.01rem solid #EEE; font-size: 0.14rem; color: #666; cursor: pointer; 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
.tm-right .main .html-result input[type="button"] { margin-top: 0.16rem; }
.tm-right .main .make-html .button input[type="submit"]:hover,
.tm-right .main .html-result input[type="button"]:hover { border-color: #FF4343; color: #FF4343; }
.tm-right .main .html-result { line-height: 0.32rem; }
.tm-right .main .html-result .number { margin: auto 0.04rem; color: #FF4343; }
.tm-right .main .html-result .keyword { margin-right: 0.04rem; color: #FF4343; }
.tm-right .main .html-result a { border-bottom: 0.01rem dashed #999; }
.tm-right .main .html-result a.view { margin: auto 0.08rem; }
.tm-right .main .html-result a:hover { border-bottom-color: #FF4343; color: #FF4343; } 

/*日期时间选择*/
.xdsoft_datetimepicker { border: none; box-shadow: 0 0.04rem 0.12rem -0.04rem rgba(0,0,0,0.3); }
.xdsoft_datetimepicker .xdsoft_calendar td, 
.xdsoft_datetimepicker .xdsoft_calendar th { border: 0.01rem solid #EEE; 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
.xdsoft_datetimepicker .xdsoft_calendar th { background: #FFF; font-weight: 400; color: #FF4343; }
.xdsoft_datetimepicker .xdsoft_calendar td:hover, 
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover { background: #FF4343 !important; }
.xdsoft_datetimepicker .xdsoft_calendar td > div { padding-right: 0.08rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option { 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today { color: #FF4343; }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { background: #FF4343; }
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, 
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, 
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { background: #288ce2; box-shadow: rgba(0,0,0,0.3) 0 0.01rem 0.04rem 0 inset; font-weight: 400; color: #FFF; }
.xdsoft_datetimepicker .xdsoft_label { text-align: center; font-weight: 400; }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select { width: 0.8rem; left: 50%; margin-left: -0.4rem; box-shadow: 0 0.04rem 0.08rem 0 rgba(0,0,0,0.1); border: none; }
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box { border: 0.01rem solid #EEE; }
.xdsoft_scrollbar { opacity: 0.5; }

/*颜色选择*/
.tm-color { position: absolute; top: -0.28rem; left: 0.64rem; }